<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>
<head>
    <title>WEB流程设计器 = jQuery + jsPlumb + Bootstrap</title>
    <base href="/ks_manager/">
    <meta name="keyword"
          content="processon Flowdesign,专业流程设计器,流程设计器,WEB流程设计器,jquery 流程设计器,可视化流程设计器,工作流设计器,流程图设计器,jquery 流程设计,html5 流程设计器,jbpm web流程设计器">
    <meta name="description"
          content="雷劈网流程设计器是国内最容易使用和开发的流程设计器，使用jQuery、jsPlumb、Bootstrap等全新技术研发而成，你可以在此基础上任意修改使功能无限强大！">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="author" content="leipi.org">
    <link href="static/plugins/flowdesign/css/bootstrap/css/bootstrap.css?2025" rel="stylesheet" type="text/css"/>
    <!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="static/plugins/flowdesign/css/bootstrap/css/bootstrap-ie6.css?2025">
    <![endif]-->
    <!--[if lte IE 7]>
    <link rel="stylesheet" type="text/css" href="static/plugins/flowdesign/css/bootstrap/css/ie.css?2025">
    <![endif]-->
    <link href="static/plugins/flowdesign/css/site.css?2025" rel="stylesheet" type="text/css"/>

    <link rel="stylesheet" type="text/css" href="static/plugins/flowdesign/js/flowdesign/flowdesign.css"/>

    <!--select 2-->
    <link rel="stylesheet" type="text/css"
          href="static/plugins/flowdesign/js/jquery.multiselect2side/css/jquery.multiselect2side.css"/>
</head>
<body>


<!-- Modal -->
<div id="alertModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3>消息提示</h3>
    </div>
    <div class="modal-body">
        <p>提示内容</p>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">我知道了</button>
    </div>
</div>

<!-- attributeModal -->
<div id="attributeModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="false" style="width: 800px; margin-left: -350px; display: none;">
    <div class="modal-body" style="max-height:500px;">
        <ul class="nav nav-tabs" id="attributeTab">
            <li class="active"><a href="#attrBasic">常规</a></li>
            <li class=""><a href="#attrPower">权限</a></li>
            <li class=""><a href="#attrForm">表单</a></li>
        </ul>


        <form class="form-horizontal" target="hiddeniframe" method="post" id="flow_attribute" name="flow_attribute">
            <input type="hidden" name="flow_id" value="81">
            <input type="hidden" name="process_id" value="404">
            <div class="tab-content">
                <div class="tab-pane active" id="attrBasic">
                    <div class="control-group">
                        <label class="control-label" for="process_name">步骤名称</label>
                        <div class="controls">
                            <input type="text" autocomplete="off" style="height: 30px" id="process_name"
                                   placeholder="步骤名称" name="process_name" value="新建步骤">
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="attrPower">
                    <h4>授权范围</h4>
                    <div class="control-group">
                        <label class="control-label">授权角色</label>
                        <div class="controls">
                            <select name="receive_type" id="role_select">
                                <option value="" selected="selected">请选择</option>
                            </select>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">审批人数</label>
                        <div class="controls">
                            <label class="radio inline"><input type="radio" name="roamTaskPeople" value="1" checked/>单人审批</label>
                            <label class="radio inline"><input type="radio" name="roamTaskPeople" value="2"/>多人审批</label>
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="attrForm">
                    <table class="table table-condensed table-bordered table-hover">
                        <tbody>
                        <tr>
                            <th style="text-align:center">字段名称</th>
                            <th style="text-align:center">控件类型</th>
                            <th style="width:100px;"><label title="本步骤是否显示" class="checkbox"><input type="checkbox"
                                                                                                    class="show">是否显示</label>
                            </th>
                            <th style="width:100px;"><label title="本步骤可写字段" class="checkbox"><input type="checkbox"
                                                                                                    class="write"
                                                                                                    disabled>可否编辑</label>
                            </th>
                            <%--<th style="width:100px;"><label title="本步骤可写字段" class="checkbox"><input type="checkbox" id="write">可写字段</label></th>
                            <th style="width:100px;"><label title="保密字段对于本步骤主办人、经办人均为不可见" class="checkbox"><input type="checkbox" id="secret">保密字段</label></th>--%>
                        </tr>
                        </tbody>
                        <tbody id="nodeForm">
                        </tbody>
                    </table>
                </div>
            </div>
            <%--折叠组件--%>
            <%--<div class="accordion" id="accordion2">
                <div class="accordion-group">
                    <div class="accordion-heading">
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                            +
                        </a>
                    </div>
                    <div id="collapseOne" class="accordion-body collapse in">
                        <div class="accordion-inner">

                            &lt;%&ndash;折叠中的折叠&ndash;%&gt;

                                <div class="accordion" id="accordion21">
                                    <div class="accordion-group">
                                        <div class="accordion-heading">
                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion21" href="#collapseOneInTwo">
                                                +
                                            </a>
                                        </div>
                                        <div id="collapseOneInTwo" class="accordion-body collapse in">
                                            <div class="accordion-inner">

                                                &lt;%&ndash;第三层折叠&ndash;%&gt;
                                                    <div class="accordion" id="accordion31">
                                                        <div class="accordion-group">
                                                            <div class="accordion-heading">
                                                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion31" href="#collapseOneInThree">
                                                                    +
                                                                </a>
                                                            </div>
                                                            <div id="collapseOneInThree" class="accordion-body collapse in">
                                                                <div class="accordion-inner">

                                                                    &lt;%&ndash;第三层折叠&ndash;%&gt;
                                                                    <div class="accordion" id="accordion31">
                                                                        <div class="accordion-group">
                                                                            <div class="accordion-heading">
                                                                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion31" href="#collapseOneInThree">
                                                                                    +
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    &lt;%&ndash;第三层折叠&ndash;%&gt;
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                &lt;%&ndash;第三层折叠&ndash;%&gt;
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            &lt;%&ndash;折叠中的折叠&ndash;%&gt;
                        </div>
                    </div>
                </div>
            </div>--%>

            <%--折叠组件--%>
            <hr>
            <span class="pull-right">
      <a href="#" class="btn" data-dismiss="modal" aria-hidden="true">取消</a>
      <button class="btn btn-primary" type="submit" id="attributeOK">确定保存</button>
  </span>
    </div>
    </form>
    <iframe id="hiddeniframe" style="display: none;" name="hiddeniframe"></iframe>
</div>
</div>


<!--contextmenu div-->
<div id="processMenu" style="display:none;">
    <ul>
        <!--li id="pm_begin"><i class="icon-play"></i>&nbsp;<span class="_label">设为第一步</span></li-->
        <!--li id="pm_addson"><i class="icon-plus"></i>&nbsp;<span class="_label">添加子步骤</span></li-->
        <!--li id="pm_copy"><i class="icon-check"></i>&nbsp;<span class="_label">复制</span></li-->
        <li id="pmAttribute"><i class="icon-cog"></i>&nbsp;<span class="_label">属性</span></li>
        <li id="pmForm"><i class="icon-th"></i>&nbsp;<span class="_label">表单字段</span></li>
        <li id="pmJudge"><i class="icon-share-alt"></i>&nbsp;<span class="_label">转出条件</span></li>
        <li id="pmSetting"><i class=" icon-wrench"></i>&nbsp;<span class="_label">样式</span></li>
        <li id="pmDelete"><i class="icon-trash"></i>&nbsp;<span class="_label">删除</span></li>

    </ul>
</div>
<div id="canvasMenu" style="display:none;">
    <ul>
        <li id="cmSave"><i class="icon-ok"></i>&nbsp;<span class="_label">保存设计</span></li>
        <li id="cmAdd"><i class="icon-plus"></i>&nbsp;<span class="_label">添加步骤</span></li>
        <li id="cmRefresh"><i class="icon-refresh"></i>&nbsp;<span class="_label">刷新 F5</span></li>
        <!--li id="cmPaste"><i class="icon-share"></i>&nbsp;<span class="_label">粘贴</span></li-->
        <li id="cmHelp"><i class="icon-search"></i>&nbsp;<span class="_label">帮助</span></li>
    </ul>
</div>
<!--end div-->

<div class="container mini-layout" id="flowdesign_canvas">
    <div style="background-color: black ; overflow: hidden">
        <div class="pull-left">
            <span style="color:white"></span>
            <button class="btn btn-info" type="button" id="leipi_add">新建步骤</button>
        </div>
        <div class="pull-right">
            <button class="btn btn-info" type="button" id="leipi_save_all">保存设计</button>
            <button class="btn btn-danger" type="button" id="leipi_clear">清空连接</button>
        </div>
    </div>
    <!--div class="process-step btn" style="left: 189px; top: 340px;">
        <span class="process-num badge badge-inverse"><i class="icon-star icon-white"></i>3</span>步骤3
     </div-->
</div> <!-- /container -->

<div class="winBox processDelete_winBox">
    <!-- 加载弹窗盒子容器 -->
    <!-- ngInclude: box -->
    <div class="winBox1 " ng-include="box"><!-- 说明：提交评审弹窗 -->
        <div class="winBox5 ">
            <div>
                <div class="headerBox">
                    <!-- ngIf: recheckLoan==2 --><span class="headerSpan " ng-if="recheckLoan==2">删除步骤</span>
                    <!-- end ngIf: recheckLoan==2 -->
                    <!-- ngIf: recheckLoan==1 -->
                    <!-- ngIf: recheckLoan==3 -->
                    <i class="iconfont icon-wrong headerIcon" ng-click="F.showWin('hide')"></i>
                </div>
                <!-- 内容 -->
                <div class="deleBox">
                    <!-- 底部 -->
                    <div class="deleteTit">
                        <span class="first"><i class="iconfont icon-tips2"></i></span>
                        <!-- ngIf: recheckLoan==1 || recheckLoan==2 --><span ng-if="recheckLoan==1 || recheckLoan==2"
                                                                             class="">您确定要删除该步骤吗？</span>
                        <!-- end ngIf: recheckLoan==1 || recheckLoan==2 -->
                        <!-- ngIf: recheckLoan==3 -->
                    </div>
                    <div class="deleFooter" style="padding: 0;">
                        <div class="deleBtn">
                            <button ng-click="btn()" id="sureDel"
                                    style="margin: 0;margin-bottom: 30px;margin-left: 68px;">确认删除
                            </button>
                            <button style="margin: 0; margin-bottom: 30px; margin-left: 5px;" id="canDel">取消
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript" src="static/plugins/flowdesign/js/jquery-1.7.2.min.js?2025"></script>
<script type="text/javascript" src="static/plugins/flowdesign/css/bootstrap/js/bootstrap.min.js?2025"></script>
<script type="text/javascript" src="static/plugins/flowdesign/js/jquery-ui/jquery-ui-1.9.2-min.js?2025"></script>
<script type="text/javascript"
        src="static/plugins/flowdesign/js/jsPlumb/jquery.jsPlumb-1.3.16-all-min.js?2025"></script>
<script type="text/javascript" src="static/plugins/flowdesign/js/jquery.contextmenu.r2.js?2025"></script>
<!--select 2-->
<script type="text/javascript"
        src="static/plugins/flowdesign/js/jquery.multiselect2side/js/jquery.multiselect2side.js?2025"></script>
<!--flowdesign-->
<script type="text/javascript" src="static/plugins/flowdesign/js/flowdesign/flowlink.js?2025"></script>
<script type="text/javascript" src="static/plugins/flowdesign/js/flowdesign/leipi.flowdesign.v3.js?2025"></script>
<script type="text/javascript" src="static/js/page/process/empty.js?_v=190102162154"></script>

